<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
<%-- 
  - Author: Abed Yaseen
  - Date: 02-Jan-2012
  - Copyright Notice: TRAKHEES
  - Description: TilesLayoutOnline.jsp
 --%>
<%@ include file="/WEB-INF/view/include.jsp"%>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
	<!-- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> -->
	<meta name="description" content='<spring:message code="page.meta.description" />' lang="${requestScope.requestContextAttribute.locale.language}" />	
	<meta name="keywords" content='<spring:message code="page.meta.keywords" />' lang="${requestScope.requestContextAttribute.locale.language}" />
	
	<title><spring:message code="page.title" /></title>
	
	<base href="${pageContext.request.scheme}://${pageContext.request.serverName}:${pageContext.request.serverPort}${pageContext.request.contextPath}/" />
	
	<%@ include file="/WEB-INF/view/resourceIncludes.jsp"%>
			
	<link rel="icon" id="favicon" type="image/png" href="resources/images/favicon.png"/>
	<link rel="shortcut icon" type="image/ico" href="resources/images/favicon.ico"/>


	<script>
		$(document).ready(function(){
			 $(document).pngFix({resourcesPath : "${pageContext.request.contextPath}"});
			 
			 setInterval(function(){  updateTaskAndNotificationsCount(); },60000);
		});
		$.urlParam = function(name){
		    var results = new RegExp('[\\?&]' + name + '=([^&#]*)').exec(window.location.href);
		    return results[1] || 0;
		}
	</script>
</head>
<%@ include file="/WEB-INF/view/jspConstants.jsp"%>
<body dir='<spring:message code="page.dir"/>'>
	<div id="containerfull" dir='<spring:message code="page.dir"/>'
			align='<spring:message code="page.align"/>'>
		
		<div id="header">
				<tiles:insertAttribute name="header" />
		</div>
			
		<div class="t_tmiddle">
			<div id="sidebar">
				<tiles:insertAttribute name="menu" />
			</div>
			<div id="content">
				<tiles:insertAttribute name="content" />
			</div>
			
		</div>
		
		<div id="footer">
			<tiles:insertAttribute name="footer" />
		</div>
	
	</div>
<!--[if lt IE 9]>
	<script>
		$(function() {
		
			var el;
			
			$("select")
				.each(function() {
					el = $(this);
					el.data("origWidth", el.outerWidth()) // IE 8 will take padding on selects
				})
			  .mousedown(function(){
			  	
			  	var max_length = -1;
				$(this).children().each(function(){
  					max_length = Math.max(max_length, $(this).text().length);
  					if(max_length > 17){
  						return false;
  					}
				});
			  	
			  	if(max_length > 17){
				    var position = $(this).position();
				   	//$(this).parent().css("position","relative");
				    $(this).css("position", "absolute");
				    $(this).css("left",position.left );
				    $(this).css("top", position.top);
				    $(this).css("width", "auto");
				    $(this).css("z-index", "1000");
			    }
			  })
			  .bind("blur change", function(){
			  	el = $(this);
			  	//$(this).parent().css("position","static");
			    el.css("width", el.data("origWidth"));
			    el.css("position", "static");
			    el.css("left","0px" );
			    el.css("top", "0px");
			    $(this).css("z-index", "0");
			  });
		
		});
	</script>
<![endif]-->
</body>
</html>